{% load static %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Django Placeholder Images</title>
        <link rel="stylesheet" href="{% static 'site.css' %}" media="screen" title="no title">
    </head>
    <body>
        <h1>Django Placeholder Images</h1>
        <p>
            This server can be used for serving placeholder images for any web page.
        </p>
        <p>
            To request a placeholder image of a given width and height simply include an image with the source pointing to <b>/image/&lt;width&gt;x&lt;height&gt;/</b>
    on this server such as:
        </p>
        <pre>
            &lt;img src="{{ example }}" &gt;
        </pre>
        <h2>Examples</h2>
        <ul>
            <li><img src="{% url 'placeholder' width=50 height=50 %}" alt="" /></li>
            <li><img src="{% url 'placeholder' width=100 height=50 %}" alt="" /></li>
            <li><img src="{% url 'placeholder' width=50 height=100 %}" alt="" /></li>
        </ul>
    </body>
</html>
